<style>
    .panel-statistics h4 {
        color: #444;
        font-weight: bold;
        font-size: 14px;
    }

    .panel-statistics h3 {
        font-weight: 500;
        font-size: 14px;
        color: #333;
    }

    .panel-statistics .statistics-value {
        font-size: 14px;
        color: #666;
    }

    .panel-statistics em {
        font-style: normal;
    }

    .panel-statistics .pull-right {
        padding-right: 10px;
    }

    .panel-statistics .table thead tr th {
        font-weight: normal;
    }

    .panel-statistics .table tbody tr td {
        font-weight: normal;
        vertical-align: middle;
    }

    .panel-statistics .table tbody tr td p {
        margin: 0;
    }

    #echarts1 textarea {
        display: block;
    }

    select.model_id {
        min-width: 60px;
    }
</style>

<style data-render="darktheme">
    body.darktheme .panel-statistics h4 {
        color: #ccc;
    }
</style>

<div class="btn-refresh hidden" id="resetecharts"></div>
<div class="row">
    <div class="col-xs-6 col-sm-3">
        <div class="panel panel-default panel-intro panel-statistics">
            <div class="panel-body">
                <div class="pull-left">
                    <h4>总营业额</h4>
                    <h3>￥{$totalAmount|sprintf='%.2f',###} <em data-toggle="tooltip" data-title="昨日：{$totalYesterdayAmount|htmlentities} 今日：{$totalTodayAmount|htmlentities}" class="text-{:$totalRatio>=0?'success':'danger'}">{:$totalRatio>=0?'+':''}{$totalRatio |htmlentities}%</em></h3>
                </div>

                <div class="pull-right" style="color:#c8cfff;">
                    <i class="fa fa-cny fa-4x"></i>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xs-6 col-sm-3">
        <div class="panel panel-default panel-intro panel-statistics">
            <div class="panel-body">
                <div class="pull-left">
                    <h4>维修营业额</h4>
                    <h3>￥{$repairAmount|sprintf='%.2f',###} <em data-toggle="tooltip" data-title="昨日：{$repairYesterdayAmount|htmlentities} 今日：{$repairTodayAmount|htmlentities}" class="text-{:$repairRatio>=0?'success':'danger'}">{:$repairRatio>=0?'+':''}{$repairRatio |htmlentities}%</em></h3>
                </div>

                <div class="pull-right" style="color:#ffc8c8;">
                    <i class="fa fa-cny fa-4x"></i>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xs-6 col-sm-3">
        <div class="panel panel-default panel-intro panel-statistics">
            <div class="panel-body">
                <div class="pull-left">
                    <h4>安装营业额</h4>
                    <h3>￥{$installAmount|sprintf='%.2f',###} <em data-toggle="tooltip" data-title="昨日：{$installYesterdayAmount|htmlentities} 今日：{$installTodayAmount|htmlentities}"
                              class="text-{:$installRatio>=0?'success':'danger'}">{:$installRatio>=0?'+':''}{$installRatio |htmlentities}%</em></h3>
                </div>

                <div class="pull-right" style="color:#c8e3ff;">
                    <i class="fa fa-cny fa-4x"></i>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xs-6 col-sm-3">
        <div class="panel panel-default panel-intro panel-statistics">
            <div class="panel-body">
                <div class="pull-left">
                    <h4>商城营业额</h4>
                    <h3>￥{$shopAmount|sprintf='%.2f',###} <em data-toggle="tooltip" data-title="昨日：{$shopYesterdayAmount|htmlentities} 今日：{$shopTodayAmount|htmlentities}" class="text-{:$shopRatio>=0?'success':'danger'}">{:$shopRatio>=0?'+':''}{$shopRatio |htmlentities}%</em></h3>
                </div>

                <div class="pull-right" style="color:#ffe9c8;">
                    <i class="fa fa-cny fa-4x"></i>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row" style="margin-top:20px;">
    <div class="col-xs-6 col-sm-3">
        <div class="panel panel-default panel-intro panel-statistics">
            <div class="panel-body">
                <div class="pull-left">
                    <h4>用户访问量</h4>
                    <h3>￥{$userVisitCount|htmlentities} <em data-toggle="tooltip"
                                                            data-title="昨日：{$userVisitYesterdayCount|htmlentities} 今日：{$userVisitTodayCount|htmlentities}" class="text-{:$userVisitRatio>=0?'success':'danger'}">{:$userVisitRatio>=0?'+':''}{$userVisitRatio|htmlentities}%</em></h3>
                </div>

                <div class="pull-right" style="color:#c8cfff;">
                    <i class="fa fa-user fa-4x"></i>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xs-6 col-sm-3">
        <div class="panel panel-default panel-intro panel-statistics">
            <div class="panel-body">
                <div class="pull-left">
                    <h4>工单订单量</h4>
                    <h3>￥{$workOrderCount|htmlentities} <em data-toggle="tooltip" data-title="昨日：{$workOrderYesterdayCount|htmlentities} 今日：{$workOrderTodayCount|htmlentities}" class="text-{:$workOrderRatio>=0?'success':'danger'}">{:$workOrderRatio>=0?'+':''}{$workOrderRatio|htmlentities}%</em></h3>
                </div>

                <div class="pull-right" style="color:#ffc8c8;">
                    <i class="fa fa-gear fa-4x"></i>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xs-6 col-sm-3">
        <div class="panel panel-default panel-intro panel-statistics">
            <div class="panel-body">
                <div class="pull-left">
                    <h4>商城订单量</h4>
                    <h3>￥{$shopOrderCount|htmlentities} <em data-toggle="tooltip" data-title="昨日：{$shopOrderYesterdayCount|htmlentities} 今日：{$shopOrderTodayCount|htmlentities}" class="text-{:$shopOrderRatio>=0?'success':'danger'}">{:$shopOrderRatio>=0?'+':''}{$shopOrderRatio|htmlentities}%</em></h3>
                </div>

                <div class="pull-right" style="color:#c8e3ff;">
                    <i class="fa fa-shopping-cart fa-4x"></i>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xs-6 col-sm-3">
        <div class="panel panel-default panel-intro panel-statistics">
            <div class="panel-body">
                <div class="pull-left">
                    <h4>车辆信息数</h4>
                    <h3>￥{$carOrderCount|htmlentities} <em data-toggle="tooltip" data-title="昨日：{$carOrderYesterdayCount|htmlentities} 今日：{$carOrderTodayCount|htmlentities}" class="text-{:$carOrderRatio>=0?'success':'danger'}">{:$carOrderRatio>=0?'+':''}{$carOrderRatio|htmlentities}%</em></h3>
                </div>

                <div class="pull-right" style="color:#ffe9c8;">
                    <i class="fa fa-car fa-4x"></i>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row" style="margin-top:20px;">
    <div class="col-xs-6 col-sm-3">
        <div class="panel panel-default panel-intro panel-statistics">
            <div class="panel-body">
                <div class="pull-left">
                    <h4>用户总数</h4>
                    <h3>￥{$userCount|htmlentities} <em data-toggle="tooltip"
                                                            data-title="昨日：{$userYesterdayCount|htmlentities} 今日：{$userTodayCount|htmlentities}" class="text-{:$userRatio>=0?'success':'danger'}">{:$userRatio>=0?'+':''}{$userRatio|htmlentities}%</em></h3>
                </div>

                <div class="pull-right" style="color:#c8cfff;">
                    <i class="fa fa-user fa-4x"></i>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xs-6 col-sm-3">
        <div class="panel panel-default panel-intro panel-statistics">
            <div class="panel-body">
                <div class="pull-left">
                    <h4>师傅总数</h4>
                    <h3>￥{$masterCount|htmlentities} <em data-toggle="tooltip" data-title="昨日：{$masterYesterdayCount|htmlentities} 今日：{$masterTodayCount|htmlentities}" class="text-{:$masterRatio>=0?'success':'danger'}">{:$masterRatio>=0?'+':''}{$masterRatio|htmlentities}%</em></h3>
                </div>

                <div class="pull-right" style="color:#ffc8c8;">
                    <i class="fa fa-user-secret fa-4x"></i>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xs-6 col-sm-3">
        <div class="panel panel-default panel-intro panel-statistics">
            <div class="panel-body">
                <div class="pull-left">
                    <h4>冻结师傅总数</h4>
                    <h3>￥{$frozenMasterCount|htmlentities} <em data-toggle="tooltip" data-title="昨日：{$frozenMasterYesterdayCount|htmlentities} 今日：{$frozenMasterTodayCount|htmlentities}" class="text-{:$frozenMasterRatio>=0?'success':'danger'}">{:$frozenMasterRatio>=0?'+':''}{$frozenMasterRatio|htmlentities}%</em></h3>
                </div>

                <div class="pull-right" style="color:#c8e3ff;">
                    <i class="fa fa-user-times fa-4x"></i>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xs-6 col-sm-3">
        <div class="panel panel-default panel-intro panel-statistics">
            <div class="panel-body">
                <div class="pull-left">
                    <h4>车商认证总数</h4>
                    <h3>￥{$carDealerCount|htmlentities} <em data-toggle="tooltip" data-title="昨日：{$carDealerYesterdayCount|htmlentities} 今日：{$carDealerTodayCount|htmlentities}" class="text-{:$carDealerRatio>=0?'success':'danger'}">{:$carDealerRatio>=0?'+':''}{$carDealerRatio|htmlentities}%</em></h3>
                </div>

                <div class="pull-right" style="color:#ffe9c8;">
                    <i class="fa fa-car fa-4x"></i>
                </div>
            </div>
        </div>
    </div>
</div>




